﻿<!DOCTYPE html>
<!-- CSS para botones de Facebook y Twitter -->
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Social.css")" />
<script src="@Url.Content("~/Scripts/jquery-1.7.2.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>

<!-- Scripts y CSS para la Galeria de Imagenes -->
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/smoothDivScroll.css")" />
<script src="@Url.Content("~/Scripts/images/jquery-ui-1.8.18.custom.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/images/jquery.mousewheel.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/images/jquery.smoothdivscroll-1.2-min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/images/jquery.smoothDivScroll-1.2.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({
            mousewheelScrolling: true,
            manualContinuousScrolling: true,
            visibleHotSpotBackgrounds: "always",
            autoScrollingMode: "onstart"
        });
    });
</script>

<html>
<head>
    @{
        String pathCSS = @Url.Content("~/FileManager/GetCSS") + "?movimientoId=" + ViewBag.MovimientoId;
        String pathLogo = @Url.Content("~/FileManager/GetLogo") + "?movimientoId=" + ViewBag.MovimientoId;
    }
    <link href="@pathCSS" rel="stylesheet" type="text/css" />
    <title>@ViewBag.MovimientoNombre</title>
</head>
<body>
    <div id="container">
        <div id="navbar">
            <div id="login">
                @{Html.RenderAction("LogOn", "Account");}
            </div>
            <a href="@Url.Action("Index", "Home")">
                <img id="imgLogo" src="@pathLogo" alt="logo" />
            </a>
            <div id="movimientoDescripcion">
                <h1>@ViewBag.MovimientoNombre</h1>
                <h2>@ViewBag.MovimientoDescripcion</h2>                
            </div>
        </div>
        <div id="main">
            <div id="topbar">
                <div id="makeMeScrollable">
                    @if (ViewBag.Galeria != null && ViewBag.Galeria.Count > 0)
                    { 
                        foreach (var id in ViewBag.Galeria)
                        {
                            <img src="@Url.Content("~/FileManager/GetImagenGaleria")?movimientoId=@ViewBag.MovimientoId&galeriaId=@id" alt="Imagen @id" style="height: 100%" id="field" />
                        }
                    }                    
                </div>
            </div>
            @RenderBody()
        </div>
        <div id="footer">
            © 2012 Indignados provided
        </div>
    </div>
</body>
</html>
